<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"> 
	<title>作品</title>	
	<link rel="stylesheet" href="css/style.css">	
</head>
<body>
<div class="content">
    <div class="header">
        <div class="logo"><a href="#"><img class=pic src="images/type-moon.png"></a></div>
        <div class="nav">
            <ul>
               <li><a href="index.html">首页</a></li>
               <li><a href="j.html">简介</a></li>
               <li><a href="zuopin.html">作品</a></li>
               <li><a href="xinwen.html">新闻</a></li>
               <li><a href="liuyan.html">留言板</a></li>
            </ul>
        </div>
    </div>
    <div class="lunbo">   
        <div class="flashbox">
            <div id=SwitchBigPic>
                <div><a href="#"><img class="pic" src="images/01.jpg"></a></div>
				<div><a href="#"><img class="pic" src="images/02.jpg"></a></div>
                <div><a href="#"><img class="pic" src="images/03.jpg"></a></div>
				<div><a href="#"><img class="pic" src="images/04.jpg"></a></div>
                <div><a href="#"><img class="pic" src="images/05.jpg"></a></div>                           
            </div>
            <ul id=SwitchNav>
            <li><a href="#"><img src="images/01.jpg"><b>《空之境界》</b></a> </li>
            <li><a href="#"><img src="images/02.jpg"><b>《月姬》 </b></a> </li>
            <li><a href="#"><img src="images/03.jpg"><b>《Fate/stay night》</b></a> </li>
            <li><a href="#"><img src="images/04.jpg"><b>《Fate/Zero》</b></a> </li>
            <li><a href="#"><img src="images/05.jpg"><b>《Fate/hollow ataraxia》</b></a> </li>
            </ul>
        </div>
    </div>
    <div class="main">
		<div class="zuopin">
        	<div class="title"><p class="big-text">其他作品</p></div>
			<div style="height: 100px;"></div> 
			<ul>

				 <li>
				    <div class="text-over-image"><b>
					<div class="title"><p class="zp-text">《Fate/EXTRA》</b></div>
				    <a href="#"><img src="images/11.png" alt="Fate/EXTRA"></a>
					<div style="height: 100px;"></div> 
				  </li>
				  <li>
				    <div class="text-over-image"><b>
					<div class="title"><p class="zp-text">《Fate/Apocrypha》</b></div>
				    <a href="#"><img src="images/12.png" alt="Fate/Apocrypha"></a>
					<div style="height: 100px;"></div> 
				  </li>
				  <li>
				    <div class="text-over-image"><b>
					<div class="title"><p class="zp-text">《Fate/EXTRA CCC》（2013）</b></div>
				    <a href="#"><img src="images/13.png" alt="Fate/EXTRA CCC"></a>
					<div style="height: 100px;"></div> 
				  </li>
				  <li>
				    <div class="text-over-image"><b>
					<div class="title"><p class="zp-text">《Fate/Prototype 苍银的碎片》</b></div>
				    <a href="#"><img src="images/14.png" alt="Fate/Prototype"></a>
					<div style="height: 100px;"></div> 
				  </li>
				  <li>
				    <div class="text-over-image"><b>
					<div class="title"><p class="zp-text">《Fate/Grand Order》</b></div>
				    <a href="#"><img src="images/15.png" alt="Fate/Grand Order"></a>
					<div style="height: 100px;"></div> 
				  </li>
				  <li>
				    <div class="text-over-image"><b>
					<div class="title"><p class="zp-text">《魔法使之夜》</b></div>
				    <a href="#"><img src="images/16.png" alt="魔法使之夜"></a>
					<div style="height: 100px;"></div> 
				  </li>
			
        </div>
    </div>
    <div class="footer">
        <p> 版权所有@TYPE-MOON </p>
        <p> 仅供个人作业，非商用，如侵权请联系删除</p>
    </div>
	  <script src="js/changimages.js" type=text/javascript></script>
      <script src="js/prototype.js" type=text/javascript></script>
      <script>
        var bigswitch = new SwitchPic(
            {
                bigpic:"SwitchBigPic",
                switchnav:"SwitchNav",
                selectstyle:"selected",
                objname:"bigswitch"
            }
        ) ;
        bigswitch.goSwitch(bigswitch,0);
        bigswitch.autoSwitchTimer = setTimeout("bigswitch.autoSwitch(bigswitch) ;", 3000);
    </script>
</body>
</html>
